/* Nav Start */
.icon{
	border-radius: 100%;
    background-size: 150%;
    vertical-align: bottom;
    background-position: 0px;
}

nav .navbar-brand img {
	height: 20px;
}

nav .navbar-collapse .info .icon {
	width: 30px;
	height: 30px;
}

nav .navbar-collapse .info:first-child>div:first-child {
	width: 50px;
	height: 50px;
	padding: 8px 10px;
}

nav .navbar-header a::after {
	content: "Vue";
	position: relative;
	left: 30px;
	top: -21px;
	margin-right: 30px;
	font-size: 15px;
}

/*nav .popover>footer {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}*/
/* Nav End */


/* Table Start */

.table td,
.table th {
	cursor: default;
}

.table td:last-child,
.table th:last-child {
	text-align: -webkit-center;
}

.table td {
	user-select: none;
}

.table td * {
	width: 65px;
}

.table td:last-child {
	width: 268px;
}




/* Table End */


/* Pop Start */

.modal-dialog {
	top: 30%;
}


/* Pop End */


/* Popover Start */
.popover.popover-icon header{
	margin-right: 10px;
}
.popover.popover-icon .icon{
	width: 120px;
	height: 120px;
}
.popover.popover-icon .container-fluid img {
	width: 120px;
	border-radius: 100px;
	margin-right: 15px;
}

.popover.popover-icon .container-fluid{
	min-width: 280px;
	max-width: 350px;
	display:-webkit-box;
	padding: 15px;
}
/* Popover End */


/* Login Start */

@media (min-width: 768px) {
	.frame {
		margin-right: 0;
		margin-left: 0;
		background-color: #fff;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
		padding: 45px 15px;
		border-radius: 4px 4px 0 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		transform: translateY(60%);
		width: 40%;
	}
	.frame+.highlight,
	.frame+.zero-clipboard+.highlight {
		margin-top: -16px;
		margin-right: 0;
		margin-left: 0;
		border-width: 1px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
}

.frame::after {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 12px;
	font-weight: 700;
	color: #959595;
	text-transform: uppercase;
	letter-spacing: 1px;
	content: "Example";
}

.bg {
	background-repeat: no-repeat;
	background-size: cover;
	transition: bottom .3s ease-out 1.7s;
	background-position-x: 50%;
	background-position-y: 30%;
}


/* Login End*/


/* Error Tips Start */

form label.error {
	color: red;
}

.tips {
	font-weight: 700;
	text-align: center;
	color: red;
}


/* Error Tips End */


/* Other Start */

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger {
	padding: 15px;
}

body>header {
	margin-top: 70px;
}

body>header,
body>section {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
/* Other End */